<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>
<head>
@@include('./widget/title.html')
</head>
<body>
<!--_header 作为公共模版分离出去-->
@@include('./widget/header.html')
<!--/_header 作为公共模版分离出去-->

<!--_menu 作为公共模版分离出去-->
@@include('./widget/menu.html')
<!--/_menu 作为公共模版分离出去-->

<section class="Hui-article-box">
    <nav class="breadcrumb">
        <div class="breadcrumb-wrap">
            <span class="c-666 border-left">拆箱详情</span>
            <a class="btn  radius r" style="line-height:1.6em;margin-top:4px;cursor:pointer;" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont " >&#xe68f;</i><span>刷新</span></a>
        </div>
    </nav>
    <div class="Hui-article">
        <article class="cl pd-20">
           <div class="mx-box mt-10">
                <div class="mx-title">
                    <h5 class="pl-15 c-danger current_step">订单编号：<span id="orderNum"></span></h5>
                    <div class="mx-title-right">
                        <a class="btn btn-default-outline radius" id="remark_order">备注订单</a>
                    </div>
                </div>
                <div class="mx-content">
                    <h5>基本信息</h5>
                    <table class="table table-border table-bordered table-bg">
                        <thead>
                        <tr>
                            <th class="text-c">装箱编号</th>
                            <th class="text-c">装箱操作人员</th>
                            <th class="text-c">装箱时间</th>
                            <th class="text-c">预计到达时间</th>
                            <th class="text-c">状态信息</th>
                            <th class="text-c">配送车辆</th>
                            <th class="text-c">内含包裹</th>
                            <th class="text-c">整箱质量:KG</th>
                            <th class="text-c">整箱体积:M</th>
                        </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="text-c" id="boxOrderNumber">加载中...</td>
                                <td class="text-c" id="operator">加载中...</td>
                                <td class="text-c" id="gmtCreate">加载中...</td>
                                <td class="text-c" id="doorTime">-</td>
                                <td class="text-c state" >加载中...</td>
                                <td class="text-c" id="carNumber">加载中...</td>
                                <td class="text-c" id="boxContent">加载中...</td>
                                <td class="text-c" id="totalWeight">加载中...</td>
                                <td class="text-c" id="volume">加载中...</td>
                            </tr>
                        </tbody>
                        <thead>
                        <tr>
                            <th class="text-c">始发站</th>
                            <th class="text-c">电话</th>
                            <th class="text-c" colspan="7">详细地址</th>

                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td class="text-c" id="send_name">加载中...</td>
                            <td class="text-c" id="send_mobile">加载中...</td>
                            <td class="text-c" id="send_address" colspan="7">加载中...</td>

                        </tr>
                        </tbody>
                        <thead>
                        <tr>
                            <th class="text-c">拆箱站</th>
                            <th class="text-c">电话</th>
                            <th class="text-c" colspan="7">详细地址</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td class="text-c" id="recipient_name">加载中...</td>
                            <td class="text-c" id="recipient_mobile">加载中...</td>
                            <td class="text-c" id="recipient_address" colspan="7">加载中...</td>

                        </tr>
                        </tbody>
                        <thead>
                        <tr>
                            <th class="text-c">始发站点负责人</th>
                            <th class="text-c">电话</th>
                            <th class="text-c">司机取件码</th>
                            <th class="text-c" colspan="6">所属快递</th>

                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td class="text-c" id="courierRealName">加载中...</td>
                            <td class="text-c" id="courierMobile">加载中...</td>
                            <td class="text-c" id="pickCode">加载中...</td>
                            <td class="text-c" id="courierType" colspan="6">加载中...</td>

                        </tr>
                        </tbody>
                    </table>

                    <h5>操作信息</h5>
                    <table class="table table-border table-bordered table-bg">
                        <thead>
                            <tr>
                                <th class="text-c">操作者</th>
                                <th class="text-c">账号</th>
                                <th class="text-c">操作时间</th>
                                <th class="text-c">订单状态</th>
                                <th class="text-c">备注</th>
                            </tr>
                        </thead>
                        <tbody id="opList">
                            <!-- <tr>
                                <td class="text-c">用户</td>
                                <td class="text-c">2017-07-19 15:43:23</td>
                                <td class="text-c">已完成</td>
                                <td class="text-c">已支付</td>
                                <td class="text-c">已发货</td>
                                <td class="text-c">完成商品评价</td>
                            </tr> -->

                        </tbody>
                    </table>
                </div>
            </div>
        </article>
        <!--footer-->
        @@include('./widget/footer.html')
        <!--/footer-->
    </div>
</section>
<!-- 弹窗 -->
<div id="modal_remark" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content radius">
            <div class="modal-header">
                <h3 class="modal-title">备注订单</h3>
                <a class="close" data-dismiss="modal" aria-hidden="true" href="javascript:void();">×</a>
            </div>
            <div class="modal-body overflow-hidden">
                <table class="table table-border-no">
                    <tbody>
                    <tr>
                        <td width="80" class="text-r"><span class="c-danger">*</span>备注：</td>
                        <td><textarea class="textarea radius" id="remarkVal"></textarea></td>
                    </tr>
                    </tbody>
                </table>

            </div>
            <div class="modal-footer">
                <button class="btn btn-primary radius" id="remarkYes">确定</button>
                <button class="btn radius" data-dismiss="modal" aria-hidden="true">关闭</button>
            </div>
        </div>
    </div>
</div>
<!--script 公用脚本-->
@@include('./widget/script.html')
<!--/script 公用脚本-->
<!--请在下方写此页面业务相关的脚本-->
<script src="./js/devanning-list-detail.js"></script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>